<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
	<!-- include "header" -->	
	<script type="text/javascript" src="{{baseurl}}global/js/frb-popup-shadow/frb-popup-shadow.js"></script>
	<link rel="stylesheet" type="text/css" href="{{baseurl}}global/css/frb-popup-shadow/frb-popup-shadow.css">
	<link rel="stylesheet" type="text/css" href="{{baseurl}}global/css/frb-slide-header/frb-slide-header.css">
	<script type="text/javascript" src="{{baseurl}}global/js/frb-slide-header/frb-slide-header.js"></script>
	<script type="text/javascript" src="{{baseurl}}global/js/jquery-ui-1.8.16.custom.min.js"></script>
	<meta name="viewport" content="initial-scale=1.0, user-scalable=no">	
</head>

<body>
	<!-- include "no-script" -->
	<!-- <div class="main-site-top-shadow"></div> -->
	<div id="main-site-shadow">
		<div id="main-site">
			<!-- include 'menu' -->
			<div id='main-site-plan'>
				<div id='main-site-plan-panel'>
				<h2 class='shrink-bottom'>Localisation des immeubles</h2>
					<div class='main-site-plan-panel-arrow' id='main-site-plan-panel-farrow'>
						Immeuble Henri Messerer
						<div style='display : none' class='gmaps-id' id='gmaps-id-messerer'></div>
						<div style='display : none' class='gmaps-content'>
							<img style='float:left;' src='{{baseurl}}global/img/plan/messerer.jpg' alt='Immeuble rue Henri Messerer'>
							<p style='float: left; margin-left: 15px;'> <b>Immeuble Henri Messerer</b><br>20 rue Henri Messerer<br>13001<br>Marseille<br>Venez vivre au coeur de Marseille<br>dans un immeuble sécurisé.<br>Accès wifi sur demande. <br>Idéal pour étudiant.</p>
						</div>
					</div>
					<div class='main-site-plan-panel-arrow'>
						Immeuble théâtre français
						<div style='display : none' class='gmaps-id' id='gmaps-id-theatre'></div>
						<div style='display : none' class='gmaps-content'>
							<img style='float: left' src='{{baseurl}}global/img/plan/theatre.jpg' alt='Immeuble rue théâtre français'>
							<p style='float: left; margin-left: 15px;'> <b>Immeuble théâtre français</b><br>8 rue du théâtre français<br>13001<br>Marseille<br>Venez vivre au coeur de Marseille<br>dans un immeuble sécurisé.<br>Accès wifi sur demande. <br>Idéal pour étudiant.</p>
						</div>
					</div>
					<img src='{{baseurl}}global/img/plan/design-component-compass.png' alt=''>
				</div>
				<div id='map' style='width: 918px; height: 650px;'><div id='googlemap-error-load'>Erreur lors du chargement de la carte</div></div>
			</div>
		</div>
	</div>
	<!-- 
	<iframe width="425" height="350" frameborder="0" scrolling="no" marginheight="0" marginwidth="0" src="http://maps.google.com/maps?client=ubuntu&amp;channel=fs&amp;q=marseille+Rue+Henri+Messerer&amp;oe=utf-8&amp;ie=UTF8&amp;hq=&amp;hnear=Rue+Henri+Messerer,+13001+Marseille,+Bouches-du-Rh%C3%B4ne,+Provence-Alpes-C%C3%B4te+d'Azur,+France&amp;ll=43.29723,5.38476&amp;spn=0.011713,0.027874&amp;t=m&amp;z=14&amp;vpsrc=0&amp;iwloc=A&amp;output=embed"></iframe>
	<iframe width="425" height="350" frameborder="0" scrolling="no" marginheight="0" marginwidth="0" src="http://maps.google.fr/maps?f=q&amp;source=s_q&amp;hl=fr&amp;geocode=&amp;q=Rue+du+Th%C3%A9atre+Fran%C3%A7ais,+Marseille&amp;aq=0&amp;sll=46.75984,1.738281&amp;sspn=11.292696,28.54248&amp;vpsrc=0&amp;ie=UTF8&amp;hq=&amp;hnear=Rue+du+Th%C3%A9atre+Fran%C3%A7ais,+13001+Marseille,+Bouches-du-Rh%C3%B4ne,+Provence-Alpes-C%C3%B4te+d'Azur&amp;t=m&amp;z=14&amp;ll=43.297196,5.382443&amp;output=embed"></iframe>
	 -->
	<!-- include "menuBottom" -->	
<!-- TODO Définir referers pour googlemapapi -->
<script type="text/javascript" src="http://maps.googleapis.com/maps/api/js?key=AIzaSyAynCnbsEHx2esqyBbg-CgqyflZ0vGEafY&sensor=true"></script>
<script type="text/javascript">
if(typeof(google)!="undefined"){
	$('#googlemap-error-load').html("");
	var map;
	var infowindow;
	var messerer = new google.maps.LatLng(43.29723,5.38476);
	var theatre = new google.maps.LatLng(43.297196,5.382443);
	var marker1;
	var marker2;
	$(document).ready(function(){
		$('.frb-popup-shadow').frbPopupShadow({
			link : 'contact',
			host : '{{baseurl}}',
			currentPage : 'informations-et-plan-acces-immeubles.html'
		});
		
	    var myOptions = {
	      zoom: 14,
	      center: messerer,
	      mapTypeId: google.maps.MapTypeId.ROADMAP
	    };
	    map = new google.maps.Map(document.getElementById("map"),
	        myOptions);
	    marker1 = new google.maps.Marker({
	        map:map,
	        draggable:false,
	        animation: google.maps.Animation.DROP,
	        position: theatre,
	        title: 'Immeuble Théâtre français'
	      });
	    marker2 = new google.maps.Marker({
	        map:map,
	        draggable:false,
	        animation: google.maps.Animation.DROP,
	        position: messerer,
	        title: 'Immeuble Henri Messerer'
	      });
	   // infowindow.open(map,marker);    	
	   infowindow = new google.maps.InfoWindow();
	   
	   	
		$('.main-site-plan-panel-arrow').click(function(){
			var id = $(this).children('.gmaps-id').attr('id');
			var content = $(this).children('.gmaps-content').html();
			if(id == 'gmaps-id-messerer'){
				marker1.setVisible(false);
				marker2.setVisible(true);
				marker = marker2;
				marker.setAnimation(google.maps.Animation.DROP);
			}else{
				marker2.setVisible(false);
				marker1.setVisible(true);
				marker = marker1;
				marker.setAnimation(google.maps.Animation.DROP);
			}
			infowindow.setContent(content);
			infowindow.open(map,marker);
		});
	});	
}

</script>
</body>
</html>